<template>
  <div>
    <x-input
      title="账号"
      placeholder="其输入账号"
      placeholder-align="right" v-model='account'
    ></x-input>
    <x-input
      title="密码"
      placeholder="请输入密码"
      placeholder-align="right" v-model='password' type='password'
    ></x-input>
    <x-button type="primary" @click.native="login">
      确定</x-button
    >
    <x-button type="primary" @click.native="reset">
      重置</x-button
    >
  </div>
</template>

<script>
import { XInput, XButton } from "vux"

export default {
  name: "Login",
  components: {
    XInput,
    XButton,
  },
  data() {
    return {
      /**
       * 账号
       */
      account: '',
      /**
       * 密码
       */
      password: '',
    };
  },
  created() {},
  mounted() {
  },
  methods: {
    login() {
      
    },
    /**
     * 重置按钮。清空账号和密码输入框
     */
    reset() {
      this.account = '';
      this.password = '';
    }
  }
}
</script>

<style scoped>
</style>